<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	// 字体图标
	@import '@/style/fonts.scss';

	view,
	navigator,
	input,
	scroll-view {
		box-sizing: border-box;
	}

	button::after {
		border: none;
	}
	.text-right{
		text-align: right;
	}
	.ellipsis-1{
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis; 
	}
	// 两行省略
	.ellipsis-2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.card {
		margin: 20rpx;
		border-radius: 15rpx;
		background-color: #fff;
		padding: 20rpx;
		font-size: 28rpx;
		line-height: 48rpx;
		color: #333;
		box-shadow: 0 0 2px #e7e7e7;
	}

	// 吸底工具栏
	.toolbar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: var(--window-bottom);
		z-index: 1;

		height: 100rpx;
		padding: 0 20rpx;
		display: flex;
		align-items: center;
		border-top: 1rpx solid #ededed;
		border-bottom: 1rpx solid #ededed;
		background-color: #fff;
		box-sizing: content-box;

		.all {
			margin-left: 25rpx;
			font-size: 14px;
			color: #444;
			display: flex;
			align-items: center;
		}

		.all::before {
			font-family: 'erabbit' !important;
			content: '\e6cd';
			font-size: 40rpx;
			margin-right: 8rpx;
		}

		.checked::before {
			content: '\e6cc';
			color: $uni-color-primary;
		}

		.text {
			margin-right: 8rpx;
			margin-left: 32rpx;
			color: #444;
			font-size: 14px;
		}

		.amount {
			font-size: 20px;
			color: #f97316;
			font-weight: bold;

			.decimal {
				font-size: 12px;
				font-weight: normal;
				color: $uni-color-primary;
			}
		}

		.button-grounp {
			margin-left: auto;
			display: flex;
			justify-content: space-between;
			text-align: center;
			line-height: 72rpx;
			font-size: 28rpx;
			color: #fff;

			.button {
				width: 240rpx;
				margin: 0 10rpx;
				border-radius: 10rpx;
			}

			.payment-button {
				background-color: $uni-color-primary;

				&.disabled {
					opacity: 0.6;
				}
			}
		}
	}

	// 底部占位空盒子
	.toolbar-height {
		height: 100rpx;
	}

	.scroll-view {
		height: 100vh;
	}
</style>